<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>注册</title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link href="../css/common.css" rel="stylesheet"/>
    <style type="text/css">
    	
    	body{
    		background-color: #F9F9F9;
    	}
    	.mui-title{
            color: #8cb33e;
        }
        header .mui-icon{
        	color: #8cb33e;
        }

        a:active {color:#8cb33e;} 
    	
    	
        .mui-content{
        	background-color: #F9F9F9;
        	margin-top: 12px;
        }
        .mui-btn{
            margin-top: 20px;
            width: 90%;
            padding: 10px 12px;
            border-radius: 10px;
            border: 1px solid #8cb33e;
            color: #8cb33e;
            background-color: #FFF;
        }
        
        .mui-btn-blue:active {
			color: #fff;
			border: 1px solid #8cb33e!important;
			background-color: #8cb33e!important;
		}

        .mui-input-row label{
            font-size: 14px;
            width: 20%;
            font-family: "微软雅黑","黑体","宋体",sans-serif !important;
        }
            
        .mui-input-row label~input{
            width: 80%;
            color: #aab2bd;
            font-size: 14px;
            text-align: left;
        }
        
        .mui-input-group:before {
        	background-color: #FFFFF;
        	height: 0;
        }
        .mui-input-group:after{
        	background-color: #FFFFF;
        	height: 0;
        }
        .mui-input-group .mui-input-row:after{
        	background-color: #CCC;
        	left: 0 
        }
        .mui-input-group .mui-input-row:last-child:after{
        	height: 0;
        }
        
        .mui-checkbox input[type=checkbox]:checked:before {
		    color: #8cb33e;
		}


    </style>
</head>
<body>
    <header class="mui-bar mui-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title">注册</h1>
    </header>
    <div class="mui-content">
        <form class="mui-input-group">
            <div class="mui-input-row">
                <label>手机号</label>
                <input type="text" class="mui-input-clear" placeholder="11位手机号码" id="username">
            </div>
            <div class="mui-input-row">
                <label>密码</label>
                <input type="password" class="mui-input-clear" placeholder="字母数字，不少于6位" id="password">
            </div>
            <div class="mui-input-row">
                <label>验证码</label>
                <input type="text" style="width: 60%;float: left;" class="mui-input-clear" placeholder="验证码">
                <label class="app-back-color" style="width: 20%;float: right;line-height: 1.3;padding: 11px 0;text-align: center;color: #FFF;">发送</label>
            </div>
            <div class="mui-input-row">
                <label>昵称</label>
                <input type="text" class="mui-input-clear" placeholder="请输入昵称" id="nickname">
            </div>
           
        </form>
        
            <div class="mui-checkbox mui-left">
			  <label style="font-size: 13px;line-height: 28px;height: 28px;margin-top: 4px;">同意  <u style="color: #8cb33e;"><<楚天名医用户注册协议>></u></label>
			  <input name="checkbox1" value="Item 1" type="checkbox" checked>
			</div>
        
        
        <div class="mui-content-padded" align="center">
            <button type="button" class="mui-btn mui-btn-blue app-back-color" id="reg">注册</button>
        </div>
    </div>

<script src="../js/mui.min.js"></script>
    <script type="text/javascript" charset="utf-8">
    
        mui.init();
    	
    	mui('body').on('tap','a',function(){
            window.top.location.href=this.href;
        });
    	
        mui.plusReady(function(){
            var username=document.getElementById("username");
            var password=document.getElementById("password");
            var nickname=document.getElementById("nickname");
            var reg=document.getElementById("reg");
            
            reg.addEventListener('tap',function(){
                if(username.value.length==0){
                    plus.ui.toast("用户名不能为空");
                    return;
                }
                if(password.value.length==0){
                    plus.ui.toast("密码不能为空");
                    return;
                }
                if(nickname.value.length==0){
                    plus.ui.toast("昵称不能为空");
                    return;
                }
                
                plus.ui.toast(data.data);
                reg.addEventListener('tap',function(){
	                mui.openWindow({
	                    url:'../index.html',
	                    id:'index'
	                })
            	});
            })
        })
    </script>
</body>
</html>